<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
<ui:composition template="/templates/Plantilla.xhtml">
 <ui:define name="content">			
  <h:form class="form">
  	<p:growl id="growl1" />
  	<h3 style="text-align: center; padding-bottom:35px;"> Modificar Sujeto Residencial</h3>
	<h4 style="text-align: left;">Resumen de Datos del Sujeto Residencial</h4>
	
	<p:panelGrid columns="1" style="width:100%;"  >
			<f:facet name="header"> Datos del Sujeto</f:facet>
	</p:panelGrid>
	<p:panel>
		<br/>
			<h:panelGrid columns="2" style="width:100%;" columnClasses="column1,column2">  

				<h:outputText  value="Nombre Completo: *" style="font-weight: normal;color:gray"/>
				<h:outputText id="lblNombre" value="#{sujetoResidencialEdit.nombreCompleto}" style="font-weight: bold;"/>
						
			</h:panelGrid>
			<br/>
			<h:panelGrid columns="2" style="width:100%;" columnClasses="column1,column2">    
	
	     		<h:outputText value="Direccion Completa: *" style="font-weight: normal;color:gray"/>
		  		<h:outputText id="lblBarrio" value = "#{sujetoResidencialEdit.direccionCompleta}"	style="font-weight: bold;" />

			</h:panelGrid>
		<br/>
		

		<h:panelGrid columns="2" style="width:100%;" columnClasses="column1,column2-2">  
		        	
        	<h:outputText value="Telefono: " style="font-weight: normal;color:gray"/>
        	<h:outputText value="#{sujetoResidencialEdit.sucursal.telefonoFijo}"	style="font-weight: bold;" />
    
        	<h:outputText value="Interno: " style="font-weight: normal;color:gray"/>
        	<h:outputText value="#{sujetoResidencialEdit.sucursal.interno}" style="font-weight: bold;"/>
 
        	<h:outputText value="Celular: " style="font-weight: normal;color:gray"/>
        	<h:outputText value="#{sujetoResidencialEdit.sucursal.telefonoMovil}" style="font-weight: bold;"/>
 
        	<h:outputText value="Correo Electronico:" style="font-weight: normal;color:gray"/>
        	<h:outputText id="inputPiso2" value = "#{sujetoResidencialEdit.sucursal.email}" style="font-weight: bold;"/>
			        	
		</h:panelGrid>
		
		<br/>
			<h:panelGrid columns="2" style="width:100%;" columnClasses="column1,column2">    
	
	     		<h:outputText value="Tipo de Cliente: " style="font-weight: normal;color:gray"/>
		  		<h:outputText id="lblTipoCliente" value = "#{sujetoResidencialEdit.sucursal.sujeto.tipoCliente.nombre}"	style="font-weight: bold;" />

			</h:panelGrid>
	</p:panel>	
			<p:panel style = "text-align:right" >
				<p:commandButton value="Modificar datos de Contacto" action="#{sujetoResidencialEdit.editContacto}"/>		  
			</p:panel> 
	<p:panelGrid columns="1" style="width:100%;"  >
			<f:facet name="header"> Datos del Reparto y Frecuencia de Visita</f:facet>
	</p:panelGrid>
		
	<p:panel >
		<br></br>
		<h:panelGrid columns="2" columnClasses="label, value" styleClass="grid">
			<h:outputText value="Reparto: *"/>
			<h:outputText value="#{sujetoResidencialEdit.visita.reparto.nombre}"/>
			
			<h:outputText id="lblVisita" value="Dia de visita: *"/>
			<p:selectManyCheckbox value="#{sujetoResidencialEdit.diasSeleccionados}" disabled="true">  
	            <f:selectItems value="#{sujetoResidencialEdit.getDiasSemanales()}" />  
	        </p:selectManyCheckbox>          
		</h:panelGrid>
		<br></br> 
  	</p:panel>
  	<p:panel style = "text-align:right" >
		<p:commandButton value="Modificar datos de Visita" action="#{sujetoResidencialEdit.editVisita}"/>		  
	</p:panel>
	
	
	<p:panelGrid columns="1" style="width:100%;"  >
			<f:facet name="header"> Productos Asignados</f:facet>
	</p:panelGrid>
	
	<p:dataTable id="tblProductos"	value="#{sujetoResidencialEdit.listSucursalProducto}"
			var="sp" rows="10" >  			
								
  			<p:column sortBy="#{p.nombre}" headerText="Nombre">
  				#{sp.producto.nombre}
  			</p:column>

  			<p:column headerText="Precio">
  				#{sp.producto.precio}
  			</p:column>
  			
  			<p:column headerText="Tipo" >
  				#{sp.producto.tipoProducto.nombre}			
  			</p:column>
	</p:dataTable>

	<p:panelGrid columns="1" style="width:100%;"  >
		<f:facet name="header"> Packs y Equipos de Frio Calor</f:facet>
	</p:panelGrid>
   	<p:panel>
   		<br></br>
		<h:panelGrid columns="2" columnClasses="label, value" styleClass="grid">
			<h:outputText value="Packs: *"/>
			<h:outputText value="#{sujetoResidencialEdit.comPack.pack.nombre}"/>
			
			<h:outputText value="Cantidad de Packs: *"/>
			<h:outputText value="#{sujetoResidencialEdit.comPack.cantidadPack}" />
		</h:panelGrid>
		<br></br>
	</p:panel>
	
	<p:dataTable id="tblFrioCalor11" value="#{sujetoResidencialEdit.listSucursalfrioCalor}"
				var="fc" rows="10"  >  			
	 			
 		<f:facet name="header">Frio Calor Asignados </f:facet>

		<p:column headerText="Serie Nº">
			#{fc.frioCalor.numeroDeSerie}
		</p:column>

		<p:column headerText="Marca">
			<f:facet name="header">Marca</f:facet>
			#{fc.frioCalor.marca}
		</p:column>
		
		<p:column headerText="Modelo">
			#{fc.frioCalor.modelo}
		</p:column>
		
		<p:column headerText="Ubicacion">
			#{fc.ubicacion}
		</p:column>
	</p:dataTable>
			
	<p:panel style = "text-align:right" >
		<p:commandButton value="Modificar Productos y Packs Asignados" action="#{sujetoResidencialEdit.editProductosPacks}"/>		  
	</p:panel> 

	<p:panel style = "text-align:center" >
		<p:commandButton value="Salir de Modificacion" action="sujetoResidencialList.xhtml"/>		  
	</p:panel> 
  </h:form>        	        	        	        
 </ui:define>
</ui:composition>
</h:body>
</html>